<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" href="css/index.css"></link>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.min.css"></link>
    <script src="./js/bootstrap.min.js"></script>
    <title>大都会荣誉殿堂</title>
</head>
<body>
    <div class="container">
        <div class="one">
            <img src="./img/H5_logo.png" alt="logo"/>
        </div>
        <div class="two">  
            <p>3M战报</p> 
            <img src="./img/caidan.png" alt="caidan"/>
        </div>
        <div class="three">
          <p>张三</p>
          <span>当前职级：LP</span>
        </div>
        <div class="four">
          <p>
            <select id="year" data-edit-select="1"  onmousedown="if(this.options.length>3){this.size=4}" onblur="this.size=0" onchange="this.size=0"  style="position:absolute;z-index:1;">
                <option value ="2021">2021</option>
                <option value ="2020">2020</option>
            </select>
            <span>年</span>
            <select id="month" data-edit-select="1"  onmousedown="if(this.options.length>3){this.size=4}" onblur="this.size=0" onchange="this.size=0"  style="position:absolute;z-index:1;width: 11vw;">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value ="11">11</option>
                <option value ="12">12</option>
            </select>
            <!-- <div class="select" id="year">
                <p>2021</p>
                <p>2020</p>
            </div>
            <div class="select" id="month">
                <p>1</p>
                <p>2</p>
                <p>3</p>
                <p>4</p>
                <p>5</p>
                <p>6</p>
                <p>7</p>
                <p>8</p>
                <p>9</p>
                <p>10</p>
                <p>11</p>
                <p>12</p>
            </div> -->
            <span style="margin-left: 14vw">月</span>
            <i>竞赛规则</i>
            <img src="./img/right.png" alt=""/>
          </p>
          <p>
             <img src="./img/3m.png" alt="3m"/>
             <!-- <img src="./img/6m.png" alt="6m"/> -->
             <!-- <img src="./img/3m-success.png" alt="success"/>
             <img src="./img/6m-incomplete.png" alt="incomplete"/> -->
          </p>
          <p>
             <span>截至上月连续达成3M</span>
             <!-- <span>截至当月连续达成6M</span> -->
             <!-- <span>截至当月连续达成3M</span> -->
             <i>XX</i>
             <i>个月</i>
             <i>(XXXX年XX月-XXXX年XX月)</i>
          </p>
          <p class="tip">关键指标追踪</p>
          <table class="table table-bordered">
              <thead>
                <tr>
                  <th scope="col">指标</th>
                  <th scope="col">当前状态</th>
                  <th scope="col">距离达成3M的差距</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th scope="row">新承保<br/>FYC</th>
                  <td>30000</td>
                  <td>300</td>
                </tr>
                <tr>
                  <th scope="row">新承保<br/>寿险件数</th>
                  <td>10</td>
                  <td>--</td>
                </tr>
              </tbody>
          </table>
          <!-- <table class="table table-bordered">
            <thead>
              <tr>
                <th scope="col">指标</th>
                <th scope="col">当前状态</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">新承保FYC</th>
                <td>8000</td>
              </tr>
              <tr>
                <th scope="row">新承保寿险件数</th>
                <td>10</td>
              </tr>
            </tbody>
          </table> -->
          <!-- <table class="table table-bordered">
            <thead>
              <tr>
                <th scope="col">指标</th>
                <th scope="col">当前状态</th>
                <th scope="col">距离达成6M的差距</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">新承保<br/>FYC</th>
                <td>8000</td>
                <td>--</td>
              </tr>
              <tr>
                <th scope="row">新承保<br/>寿险件数</th>
                <td>3</td>
                <td>3</td>
              </tr>
            </tbody>
          </table> -->

          <!-- SM -->
          <p class="tip">
            营业组成员进度
          </p>
          <p>
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th scope="col">姓名</th>
                  <th scope="col">代理人编号</th>
                  <th scope="col">职级</th>
                  <th scope="col">当月完成3M</th>
                  <th scope="col">连续达成3M次数</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th scope="row">王三</th>
                  <td>45666767</td>
                  <td>LP</td>
                  <td>是</td>
                  <td>2</td>
                </tr>
                <tr>
                  <th scope="row">李林</th>
                  <td>55666777</td>
                  <td>LP</td>
                  <td>否</td>
                  <td>0</td>
                </tr>
                <tr>
                  <th scope="row">张一</th>
                  <td>56659997</td>
                  <td>LP</td>
                  <td>是</td>
                  <td>1</td>
                </tr>
              </tbody>
            </table>
          </p>

          <!-- AM -->
          <p class="tip">营业组长进度</p>
          <p>
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th scope="col">营业组人力</th>
                  <th scope="col">达成3M人数</th>
                  <th scope="col">达成3M人数占比</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th scope="row">10</th>
                  <td>8</td>
                  <td>80%</td>
                </tr>
              </tbody>
            </table>
          </p>
          <p class="tip">直辖组成员进度</p>
          <p>
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th scope="col">姓名</th>
                  <th scope="col">代理人编号</th>
                  <th scope="col">职级</th>
                  <th scope="col">当月完成3M</th>
                  <th scope="col">连续达成3M次数</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th scope="row">四啊</th>
                  <td>91324334</td>
                  <td>LP</td>
                  <td>是</td>
                  <td>3</td>
                </tr>
                <tr>
                  <th scope="row">三脚架</th>
                  <td>21321424</td>
                  <td>LP</td>
                  <td>是</td>
                  <td>2</td>
                </tr>
                <tr>
                  <th scope="row">答复</th>
                  <td>32324234</td>
                  <td>LP</td>
                  <td>否</td>
                  <td>2</td>
                </tr>
              </tbody>
            </table>
          </p>
        </div>
    </div>
    <dl class="none">
      <li>
        <p>张三<span>当前职级：LP</span></p>
        <img src="./img/3m-i.png" alt="">
        <img src="./img/6m-i.png" alt="">
        <!-- <img src="./img/徽章1.png" alt=""> -->
        <p>
          <span>截至当月连续达成3M</span>
          <i>XX</i>
          <i>个月</i>
          <i>(XXXX年XX月-XXXX年XX月)</i>
        </p>
        <table class="table table-bordered">
          <thead>
            <tr>
              <th scope="col">指标</th>
              <th scope="col">当前状态</th>
              <th scope="col">距离达成3M的差距</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">新承保<br/>FYC</th>
              <td>8000</td>
              <td>--</td>
            </tr>
            <tr>
              <th scope="row">新承保<br/>寿险件数</th>
              <td>3</td>
              <td>3</td>
            </tr>
          </tbody>
        </table>
        <p class="botton"></p>
      </li>
      <dd><img src="./img/error.png" alt="error"/></dd>
    </dl>
    <script type="text/javascript" src="./js/index.js"></script>
</body>
</html>